<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" ng-style="fontSize()">
<head>
    <!-- meta -->
    <meta name="mobile-web-app-capable" charset="utf-8" content="yes">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1,target-densitydpi=device-dpi, viewport-fit=cover" />
    <!-- title -->
    <title>SMES</title>
    <script>
      window.nodeRequire = window.require;
      delete window.require;
      delete window.exports;
      delete window.module;
        var globalThis = this;
    </script>
    <!-- <link rel="stylesheet" href="JSplugins/angular-material/angular-material.css"/> -->
    <link rel="stylesheet" href="JSplugins/angular-material-lite/material-design-lite/material.min.css"/>
    <link rel="stylesheet" href="JSplugins/angular-material-lite/angular-material-lite.css"/>
    <link rel="stylesheet" href="css/app.css"/>
    <link rel="stylesheet" href="css/smes.css"/>
    <link rel="stylesheet" href="css/smes_v2.css"/>
    <link rel="stylesheet" href="css/smes_v340.css"/>
    <link rel="stylesheet" href="css/font.css"/>
    <!--jqplot-->
    <link rel="stylesheet" href="JSplugins/jqplot/jquery.jqplot.css">
    <!-- perfect scrollbar -->
    <link rel="stylesheet" href="JSplugins/perfect-scrollbar/min/perfect-scrollbar.min.css" />

    <!-- <script src="JSplugins/pdfjs-dist/build/pdf.js"></script> -->
    <script src="cordova.js"></script>
    <script src="JSplugins/cordova/Insomnia.js"></script>
</head>
<body ng-class="[$root.lang]" ng-style="fontSize()">
    <div class="LoadingContener ng-hide {{'LoadingContener-show'}}">
        <div class="Loading-contain mdl-shadow--8dp" ng-hide="$root.Loading.disabled">
            <div class="spinner-contain">
                <!--<div class="mdl-spinner mdl-spinner--single-color mdl-js-spinner is-active"></div>-->
                <img src="image/loading.gif"/>
            </div>
            <div ng-bind="$root.Loading.msg | translate" class="LoadingMsg"></div>
        </div>
    </div>
    <div style="display:flex;height:100%;">
        <div class="menu-wrapper">
            <div id="side-menu" class="side-menu menu-hide"></div>
            <div id="side-sub-menu" class="side-sub-menu menu-hide"></div>
        </div>
        <div id="view-content" style="flex:1; overflow: hidden;position: relative; height: 100%;" ng-class="{'test-margin': $root.selectHome}">
            <div ui-view class="app-content" ng-class="[$root.programState,$root.menuState]" >
            </div>
            <div id="menu" ng-class="{'menu-hide':!$root.isShowMenu}" class="kmi-menu-content menu-hide">
            </div>
        </div>
    </div>
    <div class="Gallery-Content ng-hide" ng-controller="gallery" ng-hide="gallery.isHide" ng-style="gallery.positionStyle">
    <div class="kmi-layout-content"  style="background-color: black" >
        <div class="kmi-header-row gallery-header">
            <div class="kmi-side-btn left" ng-click="gallery.hide();">
                <i class="material-icons">&#xE408;</i>
                <div class="kmi-can-click"></div>
            </div>
            <span style="color:white;font-size:18px;padding-left: 0px;">{{gallery.title}}</span>
        </div>
        <img ng-src="{{gallery.url}}" style="object-fit: contain;flex:1; width: 100%;">
    </div>
    </div>
    <div class="app-dragable-title" ng-show="$root.isElectron"></div>
    <script data-main="config/main.js" src="JSplugins/requirejs/require.js"></script>
</body>
</html>
